<template>
  <!-- 公共导入组件 -->
  <upload-excel :on-success="onSuccess" />
</template>

<script>
import { importEmployee } from '@/api/employees'
export default {
  methods: {
    async onSuccess(data) {
      console.log(data)
      const oldUserArray = data.results
      // 定义字典
      const dict = {
        '入职日期': 'timeOfEntry',
        '手机号': 'mobile',
        '姓名': 'username',
        '转正日期': 'correctionTime',
        '工号': 'workNumber'
      }
      const newUserArray = oldUserArray.map(user => {
        // 这里我遍历了用户的数组，将每个用户都交给一个转换函数处理
        // 目的是分拆两个逻辑，相信这个函数可以讲用户key 转成英文给我
        return this.cnToEn(user, dict)
      })
      console.log(oldUserArray)
      console.log(newUserArray)

      // 发请求
      await importEmployee(newUserArray)
      this.$message.success('操作成功')
      this.$router.back()
    },
    // 中文转英文
    cnToEn(user, dict) {
      // 定义一个新对象装处理好的数据
      const newUser = {}
      // 遍历员工的key
      for (const key in user) {
        // 通过字典拿到对应得英文key
        const enKey = dict[key]
        // 拿到对应得属性值
        let value = user[key]
        // 本来翻译挺正常，但是关于日期的数据有毛病
        // 不能直接输出 value，应该进行日期的转换才行
        if (enKey === 'timeOfEntry' || enKey === 'correctionTime') {
          value = new Date(this.formatDate(value, '/'))
        }
        // 将准备好的英文key和value存入新对象
        newUser[enKey] = value
      }
      return newUser
    },
    // Excel时间格式转换
    formatDate(numb, format) {
      const time = new Date((numb - 1) * 24 * 3600000 + 1)
      time.setYear(time.getFullYear() - 70)
      const year = time.getFullYear() + ''
      const month = time.getMonth() + 1 + ''
      const date = time.getDate() - 1 + ''
      if (format && format.length === 1) {
        return year + format + month + format + date
      }
      return year + (month < 10 ? '0' + month : month) + (date < 10 ? '0' + date : date)
    }
  }
}
</script>
